<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link href="${pageContext.request.contextPath}/css/controlPanel/comunEstilo.css" rel="stylesheet" type="text/css"  />
<link href="${pageContext.request.contextPath}/css/controlPanel/tablaEstilo.css" rel="stylesheet" type="text/css" />
<link href="${pageContext.request.contextPath}/css/controlPanel/opcionEstilo.css" rel="stylesheet" type="text/css" />
<link href="${pageContext.request.contextPath}/css/controlPanel/formularioEstilo.css" rel="stylesheet" type="text/css" />
<link href="${pageContext.request.contextPath}/css/controlPanel/mensajeEstilo.css" rel="stylesheet" type="text/css" />
<script src="${pageContext.request.contextPath}/js/jquery/jquery-1.4.4.js" charset="UTF-8"></script>
<script src="${pageContext.request.contextPath}/js/controlPanel/comunJs.js" charset="UTF-8"></script>
<script src="${pageContext.request.contextPath}/js/controlPanel/tablaJs.js" charset="UTF-8"></script>
<script src="${pageContext.request.contextPath}/js/controlPanel/opcionJs.js" charset="UTF-8"></script>
<script src="${pageContext.request.contextPath}/js/controlPanel/formularioJs.js" charset="UTF-8"></script>
<script src="${pageContext.request.contextPath}/js/controlPanel/mensajeJs.js" charset="UTF-8"></script>
<style type="text/css">
	.divCuerpoFormularioRegistrarArchivo
	{
		width: 100%;
		text-align: left;
	}
	
	.fuenteFormularioRegistrarArchivo
	{
		font-size: 0.8em;
	}
	
	.flArchivo
	{
		height: 0.45em;
		width: 1.65em;
		top: -0.50em;
	}
	
	
</style>
<script type="text/javascript">
jQuery(document).ready(function(){
	$("#divOpcionesFormularioRegistrarArchivo").opcionDefecto1();
	$("#divFormularioRegistrarArchivo").formularioDefecto1();

	/* archivo 1 */
	$("#flArchivoDM1").click(function(){
		$(this).val($("#flArchivo1").val());
	});
	
	$("#flArchivo1").change(function(){
		$("#flArchivoDM1").val($(this).val());
	}).hover( 
		function () { 
			$("#spArchivo1FormularioRegistrarArchivo").css("text-decoration", "underline");
		}, 
		function () { 
			$("#spArchivo1FormularioRegistrarArchivo").css("text-decoration", "none");
		} 
	);

	/* archivo 2 */
	$("#flArchivoDM2").click(function(){
		$(this).val($("#flArchivo2").val());
	});
	
	$("#flArchivo2").change(function(){
		$("#flArchivoDM2").val($(this).val());
	}).hover( 
		function () { 
			$("#spArchivo2FormularioRegistrarArchivo").css("text-decoration", "underline");
		}, 
		function () { 
			$("#spArchivo2FormularioRegistrarArchivo").css("text-decoration", "none");
		} 
	);
	
	/* archivo 3 */
	$("#flArchivoDM3").click(function(){
		$(this).val($("#flArchivo3").val());
	});
	
	$("#flArchivo3").change(function(){
		$("#flArchivoDM3").val($(this).val());
	}).hover( 
		function () { 
			$("#spArchivo3FormularioRegistrarArchivo").css("text-decoration", "underline");
		}, 
		function () { 
			$("#spArchivo3FormularioRegistrarArchivo").css("text-decoration", "none");
		} 
	);
}); 

</script>
</head>
<body>
	<div id="divCuerpoFormularioRegistrarArchivo" class="divCuerpoFormularioRegistrarArchivo">
		<s:if test="hasFieldErrors() || hasActionErrors()">
			<div id="divErrorsFormularioRegistrarArchivo">
				<s:fielderror  />
				<s:actionerror  />
			</div>
			<script type="text/javascript">
				$("#divErrorsFormularioRegistrarArchivo").mensajeDefecto1({tipoMensaje: "informativo"});
			</script>
		</s:if>
		<s:if test="hasActionMessages()">
			<div id="divMessagesFormularioRegistrarArchivo">
				<s:actionmessage  />
			</div>
			<script type="text/javascript">
				$("#divMessagesFormularioRegistrarArchivo").mensajeDefecto1({tipoMensaje: "exito"});
			</script>
		</s:if>
		<div class="divEspacioAlto1Defecto">
		</div>
		<div id="divOpcionesFormularioRegistrarArchivo">
			<div>
				<div tipo="boton">
					<s:a action="frm_consultar_archivo" namespace="/controlPanel/archivo">
						<img alt="regresar al listado" src="${pageContext.request.contextPath}/imagenes/controlPanel/regresar.png" border="0" />
					</s:a>
				</div>
			</div>
			<!-- 
			<div>
				<div tipo="boton">
					<span>Eliminar</span>
				</div>
			</div> 
			-->
		</div>
		<div class="divEspacioAlto1Defecto"></div>
		<div  id="divFormularioRegistrarArchivo">
    		<form action="<s:url action="opr_registrar_archivo" namespace="/controlPanel/archivo"   />"  method="POST" enctype="multipart/form-data" >
				<s:token  />
				<!-- archivo 1 -->
				<div tipo="etiqueta">
					<div>
						<span id="spArchivo1FormularioRegistrarArchivo">[Archivo 1]</span>
					</div>
					<input type="file" id="flArchivo1" name="flArchivo" class="flArchivo"/>
				</div>
				<div tipo="caja">
					<input type="text" id="flArchivoDM1" name="flArchivoDM1" readonly="readonly" />
				</div>
				
				<!-- archivo 2 -->
				<div tipo="etiqueta">
					<div>
						<span id="spArchivo2FormularioRegistrarArchivo">[Archivo 2]</span>
					</div>
					<input type="file" id="flArchivo2" name="flArchivo" class="flArchivo" />
				</div>
				<div tipo="caja">
					<input type="text" id="flArchivoDM2" name="flArchivoDM2" readonly="readonly" />
				</div>
				
				<!-- archivo 3 -->
				<div tipo="etiqueta">
					<div>
						<span id="spArchivo3FormularioRegistrarArchivo">[Archivo 3]</span>
					</div>
					<input type="file" id="flArchivo3" name="flArchivo" class="flArchivo" />
				</div>
				<div tipo="caja">
					<input type="text" id="flArchivoDM3" name="flArchivoDM3" readonly="readonly" />
				</div>
				
				<div tipo="boton">
					<button id="btnRegistrarArchivoFormularioRegistrarArchivo" class="btnDefecto bordeRedondeado flotarIzquierda" type="submit" >
						Registrar Archivo
					</button>
					<img  id="imgCargador1FormularioRegistrarArchivo" class="imgCargadorDefecto flotarIzquierda" src="${pageContext.request.contextPath}/imagenes/controlPanel/cargador.gif"  />
				</div>
			</form>
		</div>				
	</div>
	
</body>
</html>